<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        .a {
            width: 400px;
            height: 400px;
            line-height: 40px;
            background-image: url("./bg.jpg");
            background-repeat: no-repeat;
            background-size: contain;
            padding-left: 50px;
            padding-top: 150px;
            color: white;
        }

        ul {

            list-style: none;

        }

        .d {
            width: 200px;
            height: 80px;
            margin-left: 70px;
            margin-top: 10px;
        }

        span {
            color: red;
        }


    </style>
</head>
<body>
<div class="a">
    <div>
        <form method="post" action="#">

            <ul>
                <li><span>*   </span>姓名：<input type="text" name="username" id="username"></li>
                <li><span>*   </span>邮箱：<input type="email" name="email" id="email"></li>
                <li><span>*   </span>电话：<input type="photo" name="num" id="num"></li>
            </ul>
            <div>
                性别：<select name="size" >
                <option value="chance" selected id="chance">请选择</option>
                <option value="man">男</option>
                <option value="woman">女</option>
            </select>

                <p>
                    年龄：<select name="nl">
                    <option value="chance" selected>请选择</option>
                    <option value="child">0~18</option>
                    <option value="fault">18~30</option>
                    <option value="midlife">30~50</option>
                    <option value="older">50~80</option>
                </select>
                </p>
            </div>
        </form>
        <p><img src="btn.jpg" height="49" width="152" class="d"/></p>
    </div>
</div>
</body>
</html>